#Contains forms, common CSS for all forms at /static/form.css, common HEAD for all forms at /editable/heads.py 
# __FOLLOW__STRICTLY__ : Don't Edit anything INSIDE PERCENTAGE ---> %(), the form names, fields, actions must NOT be CHANGED
# Be careful to ESCAPE % inside the HTML.



class forms:
#	UserAddStep0
	UAS0 = '''
		<div><h1>Webpage creator for new user</h1></div>
		<div><h3>If you are not a student of IISER Kolkata, then no need to proceed further</h3></div>
		<div>
		<h3>If you are a student of IISERK</h3>
		<p>Welcome, this page will guide you through the process of creating you own webpage in
		a few minutes</p>
		<div>
			<p> Kindly select the correct choice :</p>	
			%s
		</div>
		</div>
	'''%('''<form name="userac" action="/add/uas1" method="post">
				iiserk.net account:
				<select name="account">
				<option>Select the correct one</option>
				<option>I have an iiserk.net account</option>
				<option>I do not have one</option>
				</select>
				<input type="submit" value="Submit">
			</form>''')
	
#	UserAddStep1 , Both the options should have similar styles
	UAS1_Option1 = '''
			<div><h3>Great, so you already have a iiserk.net account.</h3></div>
			<div><p>You can now proceed to the Login page for your iiserk.net account</p>
			<p>Click <a href='%s'>here</a>.
			</div>
	'''%('''/add/uas2''')
	UAS1_Option2 = '''
			<div><h3>Sorry, but you need to have a iiserk.net account.</h3></div>
			<div><p>Sorry for the inconvenience, but this step is to ensure that non-iisereans don't create their webpages here.</p>
			<p>Click <a href="%s">here to request the admin to create an account for you.</a>.
			</div>
	'''%('''/newac''')

#	UserAddStep2 , Both the options should have similar styles

	UAS2_Option1 = '''
		<h2>%s</h2>
		<div>
		<p>Kindly fill out the following form, if you want the html to be generated automatically for you.</p></div>
		<div>
		<form name="userinput" action="%s" enctype="multipart/form-data" method="post">
		
		<div>Fullname:<input type="text" name="formuserfullname"></div>
		
		<div>Email:<input type="text" name="formuseremail"></div>
		
		<div>
		Major:
		<select name="formusermajor">
		<option>Biology</option>
		<option>Chemistry</option>
		<option>Mathematics</option>
		<option>Physics</option>
		</select>
		</div>
		
		<div>
		Year:
		<select name="formuseryear">
		<option>1st</option>
		<option>2nd</option>
		<option>3rd</option>
		<option>4th</option>
		<option>5th</option>
		</select>
		</div>
		
		<div>
		Batch:
		<select name="formuserbatch">
		<option>2006-2011</option>
		<option>2007-2012</option>
		<option>2008-2013</option>
		<option>2009-2014</option>
		<option>2010-2015</option>
		</select>
		</div>
		
		<div>AboutMe:<i> Fill in something about you here.</i><br/>
		<textarea name="formuserabout" rows="10" cols="70" wrap="off"/></textarea></div>
		
		<div>Image:<input type="file" name="formuserimg"/><i>Upload an image if you want.</i></div>
		
		<div><i>Kindly provide full link (including http://) for the following, e.g. http://www.example.com</i></div>
		
		<div>Blog:<input type="text" name="formuserblog"/></div>
		
		<div>Personal Website:<input type="text" name="formuserweb"/></div>
		
		<div>Orkut Profile:<input type="text" name="formuserorkut"/></div>
		
		<div>Phone:<input type="text" name="formuserphn"/></div>
		
		<div><i>Either FILL BOTH the html and css PROPERLY or LEAVE BOTH of them fully BLANK. Upload images somewhere else and refer them here. Refer to the css as "/u/css/username",
		replace username with your username.</i><br/>
		HTML:<br/>
		<textarea name="formuserhtml" rows="10" cols="70" wrap="off"/></textarea>
		CSS:<br/>
		<textarea name="formusercss" rows="10" cols="70" wrap="off"/></textarea></div>
		
		<div><input type="submit" value="Submit"/></div>
		</form>
		</div>
		</div>
		'''
	
	UAS2_Option2 = '''
		<h2> %s </h2>
		<p>Kindly fill out the following form, if you want the html to be generated automatically for you.</p>
		<p>Alternatively, you can upload your own html and css as well by clicking <a href="/adduser4">here</a>.</p>
		<p>
		<form name="userinput" action="/usereditsubmit" enctype="multipart/form-data" method="post">
		<div>Fullname:<input type="text" name="formuserfullname" value='%s'></div>
		<div>Email:<input type="text" name="formuseremail" value='%s'></div>
		%s %s %s	
		<div>AboutMe:<br/><textarea name="formuserabout" rows="10" cols="70" wrap="off">%s</textarea></div>
		<div>Image:<input type="file" name="formuserimg"/><i>Upload a png image.</i></div>
		<div><i>Kindly provide full link (including http://) for the following, e.g. http://www.example.com</i></div>
		<div>Blog:<input type="text" name="formuserblog" value='%s'/></div>
		<div>Personal Website:<input type="text" name="formuserweb"value='%s'/></div>
		<div>Orkut Profile:<input type="text" name="formuserorkut"value='%s'/></div>
		<div>Phone:<input type="text" name="formuserphn"value='%s'/></div>
		<div>HTML:<i>Either fill both the HTML or CSS properly or leave them blank, don't botch them up unnecessarily.</i><br/>
		<textarea name="formuserhtml" rows="10" cols="70" wrap="off"/></textarea></div>
		<div>CSS:<br/>
		<textarea name="formusercss" rows="10" cols="70" wrap="off"/></textarea></div>
		<div><input type="submit" value="Submit"/></div>
		</form>
		'''
	UAS2_Greeting = '''
		Welcome, %s! Not %s? (<a href=\"%s\">sign out</a> and login back.)
			'''
			
			
	UAS2_Majordrop = '''
			<div>
			Major:
			<select name="formusermajor">
			<option %s>Biology</option>
			<option %s>Chemistry</option>
			<option %s>Mathematics</option>
			<option %s>Physics</option>
			</select>
			</div>
			'''
			
	UAS2_Yeardrop = '''
			<div>
			Year:
			<select name="formuseryear">
			<option %s>1st</option>
			<option %s>2nd</option>
			<option %s>3rd</option>
			<option %s>4th</option>
			<option %s>5th</option>
			</select>
			</div>
			'''
	UAS2_Batchdrop = '''
			<div>Batch:
			<select name="formuserbatch">
			<option %s>2006-2011</option>
			<option %s>2007-2012</option>
			<option %s>2008-2013</option>
			<option %s>2009-2014</option>
			<option %s>2010-2015</option>
			</select>
			</div>
			'''
			

			
#	UserAddStep3
#	UserAddStep4
